﻿<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset=utf-8>
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=viewport content="maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,initial-scale=1">
    <meta name=renderer content=webkit>
    <meta name=format-detection content="telephone=yes">
    <title>学习学习</title>
    <!-- 生产环境版本，优化了尺寸和速度 -->
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery"></script>
    
    
</head>

<body>
    <div id="app">
        <div><a href='index.html'>首页</a></div>
        <ol>
            <li v-for="item in lessons">
              <a target="_blank" v-bind:href="'play.html#' +  $course + '-' + item.lesson">{{ item.title }}</a>
             
            </li>
          </ol>
    </div>
    <script type="text/javascript">
        var data = {title:'',course:'',lessons:[]};
        var app = new Vue({
            el: '#app',
            data: data
        })

        Vue.prototype.$course = location.hash.substr(1);

        $.getScript('http://121.36.230.25/cto/db/cto-' + location.hash.substr(1) + '/r987654321',function(){
            console.dir(r987654321);
            data.lessons = r987654321.lessons;
            data.title = r987654321.title;
            document.title = data.title;
            data.course = r987654321.course;
        });
    </script>
    <div>
        <script type="text/javascript" src="//js.users.51.la/20688837.js"></script>
    </div>
</body>

</html>